<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link rel="stylesheet" href="css/tieba.css">
</head>

<body>
<header id="header" >
<h1>清新教育</h1>
<div class="tag clear">
<h2>学习UI设计 成功不是梦</h2>
<nav class="nav">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">闲言碎语</a></li>
<li><a href="#">你是谁</a></li>
</ul>
</nav>
</div>
</header>
<article id="article" class="clear">
<div class="left">
<ul>
<li>
<img src="images/6.gif">
<div class="jh">
<h2>清新教育UI小知识</h2>
<em>作者：张三 类别：贴吧小生</em>
<p>专家建议刚烧开的热水不能马上去喝，因为烫嘴。</p>
</div>
</li>
<li>
<img src="images/1.gif">
<div class="jh">
<h2>清新教育UI小知识</h2>
<em>作者：张三 类别：贴吧小生</em>
<p>专家建议刚烧开的热水不能马上去喝，因为烫嘴。</p>
</div>
</li>
<li>
<img src="images/2.gif">
<div class="jh">
<h2>清新教育UI小知识</h2>
<em>作者：张三 类别：贴吧小生</em>
<p>专家建议刚烧开的热水不能马上去喝，因为烫嘴。</p>
</div>
</li>
<li>
<img src="images/5.gif">
<div class="jh">
<h2>清新教育UI小知识</h2>
<em>作者：张三 类别：贴吧小生</em>
<p>专家建议刚烧开的热水不能马上去喝，因为烫嘴。</p>
</div>
</li><li>
<img src="images/3.gif">
<div class="jh">
<h2>清新教育UI小知识</h2>
<em>作者：张三 类别：贴吧小生</em>
<p>专家建议刚烧开的热水不能马上去喝，因为烫嘴。</p>
</div>
</li>
<li>
<img src="images/4.gif">
<div class="jh">
<h2>清新教育UI小知识</h2>
<em>作者：张三 类别：贴吧小生</em>
<p>专家建议刚烧开的热水不能马上去喝，因为烫嘴。</p>
</div>
</li>
</ul>
</div>
<div class="right">
<img src="images/dog.jpeg">
<hgroup>
<h2>UI设计小生</h2>
<h3>做UI设计，放飞梦想，成就人生</h3>
</hgroup>
<h1><em>推荐文章</em></h1>
<ul>
<li>好文章01</li>
<li>好文章02</li>
<li>好文章03</li>
<li>好文章04</li>
<li>好文章05</li>
<li>好文章06</li>
<li>好文章07</li>
<li>好文章08</li>
<li>好文章09</li>
</ul>
<p>访客：4464478786485名</p>
<p>文章：4464478786485篇</p>
</div>
</article>
<footer id="footer">
2010--2016 copyright©fengzeedu UI Design
</footer>
</body>
</html>
